<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>欧美影视周边</title>
		<style>
			*{
			margin: 0;
			padding: 0;
		}
			#menu{
				position: fixed;
				left:0;
				top: 0;
				z-index: 100;
				background-color:  #F0F8FF;
				list-style: none;
                opacity: 0.5;
			}
			#menu li a{
				font-size: 20px;
				color:  black;
				text-decoration: none;
				
			}
		   li a:hover{
		   	background-color:  crimson;
		   	color:  #000000;
		   }
		    body{
			background-image: url(img/Ebg.jpg);
			background-size: 100%;
		}
		.Ehead{
			width: 1200px;
			background-color: white;

		}
		img{
			display:  inline-block;
		}
		div img:hover{
				transform: scale(1.1);
			}
			.Eall{
				width: 1200px;
			 margin: 0 auto;
			}
			#Ewelcome{
			font-size: 40px;
			float: right;
			text-shadow:blue 2px 0px 3px, aqua 3px 0px 3px;
			color: #DC143C;
		}
		#t1{
			text-align: center;
			font-size: 50px;
			color: white;
		}
		#picture{
			width: 390px;
		}
		#M1{
			float: left;
		}
		#Emore{
			text-align: center;
			color: white;
			text-decoration: none;
			font-size: 50px;
			
		}
		.SW{
			width:1200px ;
			margin: 0 auto;
		}
		.other{
			width:1200px ;
			margin: 0 auto;
		}
		.button{
			text-align: center;
			
		}
		a{
			text-decoration: none;
			font-size:50px ;
		}
		
		</style>
	</head>
	<body background="img/Ebg.jpg">
		<ul id="menu" >
			<li><a href="wonderful.html">首页</a></li>
			<li><a href="Europe.html">欧美影视动漫</a></li>
			<li><a href="Japan.html">日本万代</a></li>
			<li><a href="do.html">购买</a></li>
	        <li><a href="plan.html">创业计划书</a></li>
		</ul>
		<div class="Eall">
			<div class="Ehead">
			<a href="http://www.hottoy.com.cn/"><img src="img/hottoys.png" width="55px"/></a>
		    <a href="http://www.hottoy.com.cn/"><img src="img/hottoy.png" width="55px"/></a>
		    <span id="Ewelcome">欢迎来到热玩专区</span>
		    </div>
		    <p id="t1">《Avengers》</p>
		    <div class="Marvel">
		    	<marquee  scrollamount="13" scrolldelay="100" direction="right">
		    	<div id="M1"><a href="img/caption1.jpg"><img src="img/caption.jpg" id="picture"/></a></div>
                <div id="M1"><a href="img/hulk1.jpg"><img src="img/hulk.jpg" id="picture"/></a></div>
                <div id="M1"><a href="img/im1.jpg"><img src="img/im.jpg" id="picture"/></a></div>
                </marquee>
                <marquee  scrollamount="13" scrolldelay="10" direction="left">
		        <div id="M1"><a href="img/thanos1.jpg"><img src="img/thanos.jpg" id="picture" /></a></div>
		        <div id="M1"><a href="img/hawkeye1.jpg"><img src="img/hawkeye.jpg" id="picture" /></a></div>
		        <div id="M1"><a href="img/bw1.jpg"><img src="img/bw.jpg" id="picture" /></a></div>
		        </marquee>
		        <br />
		        <a href="http://www.hottoy.com.cn/" id="Emore"><p id="t1">更多</p></a>
		    </div>
		    <div class="SW">
			<p id="t1">《STAR WARS》</p>
			<div id="sw">
				<a href="img/dv1.jpg"><img src="img/dv.jpg" width="390px"/></a>
				<a href="img/obi1.jpg"><img src="img/obi.jpg" width="390px"/></a>
				<a href="img/boba1.jpg"><img src="img/boba.jpg" width="390px"/></a>
				<a href="img/bacca1.jpg"><img src="img/bacca.jpg" width="390px"/></a>
			    <a href="img/han1.jpg"><img src="img/han.jpg" width="390px"/></a></div>
			    <a href="img/solider1.jpg"><img src="img/solider.jpg" width="380px" /></a></div>
			</div>
		  </div>
		 <a href="http://www.hottoy.com.cn/" id="Emore"><p id="t1">更多</p></a>
      	  <div class="other">
      		<p id="t1">other</p>
      		<div id="M1"><a href="img/ring1.jpg"><img src="img/ring.jpg" id="picture"/></a></div>
      		<div id="M1"><a href="img/bag1.jpg"><img src="img/bag.jpg" id="picture"/></a></div>
      		<div id="M1"><a href="img/shield1.jpg"><img src="img/shield.jpg" id="picture"/></a></div>
      	     <a href="http://www.hottoy.com.cn/" id="Emore"><p id="t1">更多资讯，访问热玩</p></a>
      	  </div>
	    </div>
	    <div class="button"><button><a href="Japan.html">日本万代</a></button>
			    <button><a href="do.html">购买</a></button></div>
		</div>
	</body>
</html>
